<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="text-[36rpx] py-[20rpx] px-[60rpx] w-[100vw] flex justify-around">
            <text class="mr-[36rpx] ml-[32rpx] font-bold text-[#FD755D] border-b-[5rpx] border-[#FD755D]">活动管理</text>
            <text class="text-[#434141]">活动记录</text>
        </view>
        <view class="bg-[#fff]">
            <view @click="navigateTo('/pages/newEvents/newEvents')"
                class="h-[100rpx] flex items-center justify-end text-right mx-[20rpx] border-b border-[#EFEFEF]">


                <view class=" ml-[15rpx] text-[#FD755D] font-medium text-[34rpx]">+新建活动</view>

            </view>
            <view @click="navigateTo('/pages/activityManagementDetail/activityManagementDetail')"
                class="h-[100rpx] flex items-center mx-[20rpx] border-b border-[#EFEFEF]">


                <view class=" ml-[15rpx]">1、中秋游园活动</view>
                <view class="ml-auto">
                    删除
                </view>
            </view>
            <view @click="navigateTo('/pages/activityRecord/activityRecord')" class="h-[100rpx] flex items-center mx-[20rpx] border-b border-[#EFEFEF]">


                <view class=" ml-[15rpx]">2、重阳节敬老活动</view>
                <view class="ml-auto">
                    删除
                </view>
            </view>
            <view @click="navigateTo('/pages/eventManagement _personalDetails/eventManagement _personalDetails')"  class="h-[100rpx] flex items-center mx-[20rpx] border-b border-[#EFEFEF]">


                <view class=" ml-[15rpx]">3、小区春节趣味活动</view>
                <view class="ml-auto">
                    删除
                </view>
            </view>
        </view>
    </view>

</template>
<script setup>
const navigateTo =(url)=>{
  uni.navigateTo({
    url
  })
}
</script>